﻿{% if entry.commentcount %}

<div class="comment_border">
<ol class="commentlist clearfix">
	{% for comment in comments %}
		<li class="clearfix" id="comment-{{comment.key.id}}">
		<div id="div-comment-{{comment.key.id}}" class="c">
		<div class="commentmeta" title="回复{{comment.author}}" onclick="return backcomment('{{comment.author}}',{{comment.key.id}});" style="cursor: pointer;"><img height="35" width="35" src="{{comment.gravatar_url}}" alt=""/></div>
		<div class="comments">
			<div class="commentmetadata"> &nbsp;-&nbsp;{{comment.date.date|datetz:"Y-m-d"}} at {{comment.date|datetz:"H:i"}}</div>
			<div class="fn">{%if comment.weburl %}<a href="{{comment.weburl}}" target="_blank">{{comment.author}}</a>{% else %}{{comment.author}}{%endif%}</div>
			<div class="commentcontent">{{comment.content}}</div>
		</div>
		</div>
		</li>
	{%endfor%}
</ol>

<div id="commentsnavi">
{{comments_nav.nav}}
</div>

</div>

{%endif%}

{% if entry.allow_comment %}

<div id="respond">
<form action="/post_comment" method="post" id="commentform">
<div id="author_info">
	<input type="text" name="author" id="author" value="{{user_name}}" tabindex="1"/>
	<label for="author"><small>Name</small></label>
	<input type="text" name="email" id="email" value="{{user_email}}" tabindex="2"/>
	<label for="email"><small>Mail</small></label>
	<input type="text" name="url" id="url" value="{{user_url}}" tabindex="3" />
	<label for="url"><small>Webs</small></label>
</div>

<p>
<textarea name="comment" id="comment" tabindex="4" cols="60" rows="10" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};"></textarea>
<img src='http://hikeimg.appspot.com/static/images/icon/icon_smile.gif' alt=':)' onclick='grin("^~smile~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_lol.gif' alt='lol' onclick='grin("^~lol~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_cool.gif' alt='8)' onclick='grin("^~cool~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_surprised.gif' alt=':-o' onclick='grin("^~surprised~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_mrgreen.gif' alt='mrgreen' onclick='grin("^~mrgreen~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_evil.gif' alt='evil' onclick='grin("^~evil~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_arrow.gif' alt='arrow' onclick='grin("^~arrow~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_sad.gif' alt=':(' onclick='grin("^~sad~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_wink.gif' alt='wink' onclick='grin("^~wink~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_neutral.gif' alt=':-|' onclick='grin("^~neutral~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_mad.gif' alt=':-x' onclick='grin("^~mad~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_twisted.gif' alt='twisted' onclick='grin("^~twisted~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_eek.gif' alt='8-O' onclick='grin("^~eek~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_rolleyes.gif' alt='roll' onclick='grin("^~rolleyes~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_razz.gif' alt=':-P' onclick='grin("^~razz~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_redface.gif' alt='oops' onclick='grin("^~redface~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_idea.gif' alt='idea' onclick='grin("^~idea~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_biggrin.gif' alt=':-D' onclick='grin("^~biggrin~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_cry.gif' alt='cry' onclick='grin("^~cry~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_confused.gif' alt=':-?' onclick='grin("^~confused~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_question.gif' alt='?' onclick='grin("^~question~^")' class='wp-smiley-select' /> <img src='http://hikeimg.appspot.com/static/images/icon/icon_exclaim.gif' alt='!' onclick='grin("^~exclaim~^")' class='wp-smiley-select' />
</p>
<input name="submit" type="submit" id="submit" tabindex="5" value="&nbsp;Submit&nbsp; / &nbsp;Ctrl+Enter&nbsp; " />
<input name="reply_notify_mail" id="reply_notify_mail" tabindex="6" type="checkbox" checked="checked" />
<label for="reply_notify_mail">Notify me when there is a reply via email</label>
<input type="hidden" name="key" value="{{entry.key}}" />
</form>
</div>

{% else %}
<p class="nocomments">Comments are closed.</p>
{% endif %}